 <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{$Think.config.site.title} - 管家管理</title>
    <meta name="keywords" content="{$Think.config.site.keywords}">
    <link href="{$Think.config.site.resource_url}css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/animate.min.css" rel="stylesheet">
    <link href="{$Think.config.site.resource_url}css/style.min.css?v=4.0.0" rel="stylesheet">
</head>
<style>
*{font-size: 14px;}
ul{margin: 0;padding: 0;}
ul li{list-style: none;}

a,a:hover,a:link{color: #676a6c}

.clear{clear: both;}
.padding{padding: 15px}

.order_no{ background: #f3f3f4; font-size: 14px; font-size: 14px;}
.goods-list{ background: #fff; margin-bottom: 8px;}
.goods-item{ background: #fff; border-bottom: 1px solid #f3f3f4;}
.list-box{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
}
.v-img{ width: 20%; display: -webkit-box; display: -webkit-flex;  display: flex; align-items: center;}
.v-img img{width: 100%;}
.v-info{
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	padding: 0px 0 0 10px
}
.v-info p{margin:0; }
.v-info .v-specval{font-size: 14px; color: #888; margin-top: 5px;}

.order_info{background: #fff; margin-bottom: 8px;}
.order_info .list-box{padding: 2px 0}
.order_info .xj{border-top: 1px solid #eee;}

.brand{display: inline-block;
    padding: 0px 5px;
    background: #f1b348;
    border-radius: 5px;
    font-size: 12px;
    color: #fff;}
p.name{display: inline-block;
    margin-left: 10px;
    font-size: 14px;}
</style>
<body class="gray-bg">
	<div class="mbody">
		<div class="order_no list-box padding">
			<div class="list-box">订单编号：{$info.order_no}</div>
			<span>
				{switch name="info.order_status"}
                    {case value="0"}待支付{/case}
                    {case value="20"}备货中{/case}
                    {case value="30"}备货中{/case}
                    {case value="40"}待收获{/case}
                    {case value="50"}退货中{/case}
                    {case value="100"}已完成{/case}
                {/switch}
			</span>
		</div>
		<div class="goods-list">
		{volist name="info['list']" id="vo"}
			<div class="goods-item list-box padding">
			<div class="list-box">
				<div class="list-box">
					<div class="v-img">
						<img src="{$vo.goods_picture}">
					</div>
					<div class="v-info">
						<span class="brand">{$vo.brand_name}</span>
						<p class="name">{$vo.goods_name}</p>
						<p class="v-specval">￥{$vo.price}/{$vo.goods_spec_name}({$vo.goods_specval_name})x{$vo.num}</p>
					</div>
				</div>
				<div class="">
					<p>{$vo.num}{$vo.spec_name}/￥{$vo['num']*$vo['price']}</p>
				</div>
			</div>
			</div>
		{/volist}
		</div>

		<div class="order_info padding">
			<div class="list-box">
				<div class="list-box">商品总额</div>
				<span>￥{$info.goods_money}</span>
			</div>
			<div class="list-box">
				<div class="list-box">订单运费</div>
				<span>￥{$info.shipping_money}</span>
			</div>
			<div class="list-box xj">
				<div class="list-box">小计</div>
				<span>￥{$info.order_money}</span>
			</div>
		</div>

		<div class="order_info padding">
			<div class="list-box">
				<div class="list-box">收货人：{$info.receiver_name} {$info.receiver_mobile}</div>
			</div>
			<div class="list-box">
				<div class="list-box">收获地址：{$info.receiver_pcd}{$info.receiver_address}</div>
			</div>
			<div class="list-box">
				<div class="list-box">备注：{$info.remarks}</div>
			</div>
		</div>
	</div>
	
    <script src="{$Think.config.site.resource_url}js/jquery.min.js?v=2.1.4"></script>
    <script src="{$Think.config.site.resource_url}js/bootstrap.min.js?v=3.3.5"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/layer/layer.js"></script>
    <script src="{$Think.config.site.resource_url}js/plugins/iCheck/icheck.min.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/majax.js"></script>
    <script src="{$Think.config.site.common_resource_url}js/jedit.js"></script>
    {include file='public/footer' /}
</body>

</html>
<script>


</script>